<template>
   <h1>Hello World</h1>
   <h1>我的第一个Vue3项目</h1>
   <h1 @click='setMsg'>{{ msg }}</h1>
</template>
<script>
  export default{
    // setup 是一个入口函数  再beforeCreate之前执行
    setup(){
      console.log('setup' , this)
      // 点击改变
      let msg = "你好"
      const setMsg = ()=>{
        console.log(msg);
      }
      return {
        msg,
        setMsg
      }
    },
    beforeCreate(){
      console.log('beforeCreate' , this);
    }
  }


  // export default {
  //   name:"App",
  //   data(){
  //     return {
  //       msg:"你好"
  //     }
  //   },
  //   methods:{
  //     setMsg(){
  //       this.msg = '哈哈'
  //     }
  //   }
  // }
</script>
